<script setup lang="ts">
defineProps<{
  list: { title: string }[];
}>();
</script>

<template>
  <div class="flex items-center text-xs">
    <template v-for="(item, index) in list" :key="index">
      <Icon name="ArrowRight" class="text-[8px]! mx-2" v-if="index > 0" />
      <span :class="{ 'text-#666': index != list.length - 1 }">
        {{ item.title }}
      </span>
    </template>
  </div>
</template>
